<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>评论点赞</title>
    <link rel="stylesheet" href="/dev/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/dev/plugins/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/dev/assets/css/job/page/sendproblem.css">
    <link rel="icon" href="/dev/assets/img/geek-job/wanli.jpg" type="image/x-icon">
</head>
<body>
<main role="main" class="layout-main">
    <div id="page-main-content" class="page-wrap">
        <div class="editor-page page-content">
            <header class="editor-header">
                <span class="editor-header-title">发布问题</span>
            </header>
            <!--下方div-->
            <main class="editor-body">
                <div class="editor-title-input">
                    <input type="text" placeholder="请用简练的文字描述您的问题" spellcheck="false" id="problem">
                    <div class="count">
                        <span>0</span>
                        /
                        <span>50</span>
                    </div>
                </div>
                <!--补充，选填-->
                <div class="editor-wrapper">
                    <div class="rich-text-editor">
                        <div class="quill-editor contentEditor">
                            <div class="toolbar-placeholder" style="width: 960px;height: 56px; display: none;"></div>
                            <!--留一个图片统计那一行-->
                            <div class="ql-container ql-snow">
                                <div class="ql-editor " data-gramm="false" contenteditable="true" data-placeholder="(选填),对问题补充说明">
                                    <p><br></p>
                                </div>
                            </div>
                        </div>
                        <!--分界-->

                        <div class="count-total">
                            <span class="default">0</span>
                            <span class="text-grap">/500</span>
                        </div>
                    </div>
                </div>
                <!--下方-->
                <footer class="editor-footer">
                    <div class="publish">
                        <button class="reply-btn">发布</button>
                    </div>
                </footer>
            </main>
        </div>
    </div>
</main>


<!--必须先引入jquery.min.js-->
<script src="/dev/plugins/jquery/jquery.min.js"></script>
<script src="/dev/plugins/bootstrap/js/bootstrap.js"></script>
<script src="/dev/plugins/layui/layui/layui.js"></script>
<script>
    let publish = document.querySelector(".reply-btn")
    let problem = document.querySelector("#problem")
    let params = new URLSearchParams(window.location.search);
    let jrId = params.get('jrId');
    publish.onclick=function (){
        console.log(jrId)
        $.ajax({
            headers:{
                "id":localStorage.getItem("id"),
                "token":localStorage.getItem("token")
            },
            url:"/dev/problem/saveProblem",
            type:"post",
            async: false,
            data:{
                "jsId":localStorage.getItem("id"),
                "jrId":jrId,
                "problem":problem.value
            },
            success:function (result){
                if (result.code==200){
                    alert("发布成功")
                }
                // console.log(result)
                // // 关闭当前的弹出层
                // var index = parent.layer.getFrameIndex(window.name); // 获取当前 iframe 的索引
                // parent.layer.close(index); // 关闭弹出层
                // $.ajax({
                //     headers:{
                //         "id":localStorage.getItem("id"),
                //         "token":localStorage.getItem("token")
                //     },
                //     url: "/dev/problem/searchProblem",
                //     type: "post",
                //     data: {
                //         "jrId":jrId
                //     },
                //     async:false,
                //     success:function (result){
                //         if (result.code==200){
                //             let content = document.querySelector(".content-card-list")
                //             let str = ``
                //             for (let i=0;i<result.data.length;i++){
                //                 str+=`<li class="content-card-wrap">
                //                                 <div class="content-card">
                //                                     <div class="card-header">
                //                                         <div class=" user-info-card">
                //                                             <!--头像-->
                //                                             <div class="avatar isNotAnoymous">
                //                                                 <img src="${result.data[i].avatar}"
                //                                                      style="width: 100%; height: 100%; border-radius: 50%;">
                //                                             </div>
                //                                             <div class="user-message">
                //                                                 <div class="user-title">
                //                                                     <p class="username isNotAnonymous">
                //                                                         <!--昵称-->
                //                                                         <span>${result.data[i].jsName}</span>
                //                                                     </p>
                //                                                     <button class="btn-focus">
                //                                                         <svg aria-hidden="true" class="iconPlus">
                //                                                             <use xlink:href="#icon-icon-plus"></use>
                //                                                         </svg>
                //                                                     </button>
                //                                                 </div>
                //                                                 <!--结束-->
                //                                                 <!--个性签名-->
                //                                                 <p class="sunTitle">摸鱼摸鱼，我最爱摸鱼</p>
                //                                             </div>
                //                                         </div>
                //                                     </div>
                //                                     <!--结束一部分-->
                //                                     <div class="card-header-end-options">
                //
                //                                         <div class="expand-list-wrap">
                //                                             <div class="more-list-wrap">
                //                                                 <div tabindex="2" class="traget">
                //                                                     <svg aria-hidden="true" tabindex="1" class="icon-more">
                //                                                         <use xlink:href="#icon-icon-more"></use>
                //                                                     </svg>
                //                                                 </div>
                //
                //                                                 <!--结束一点-->
                //                                                 <ul class="more-list-options" style="display: none;">
                //                                                     <li class="more-list-option">不感兴趣</li>
                //                                                     <li class="more-list-option">举报</li>
                //                                                 </ul>
                //                                             </div>
                //                                         </div>
                //                                     </div>
                //                                     <!--任务部分已结束-->
                //                                     <main class="card-content">
                //                                         <div class="text-viewer-wrap">
                //                                             <div class="text-content" id="cop-text"
                //                                                  style="max-height: 72px; overflow: hidden;">
                //                                                 <div style="float: right; height: 48px;">
                //                                                 </div>
                //
                //                                                 <!--新开一个div-->
                //                                                 <div class="expand-icon">
                //
                //                                                     <svg aria-hidden="true" class="svg-icon iconExpand">
                //                                                         <use xlink:href="#icon-icon-expand"></use>
                //                                                     </svg>
                //                                                 </div>
                //                                                 <span class="real-text">
                //                                                 ${result.data[i].problem}
                //                                             </span>
                //                                             </div>
                //                                             <p class="cops" onclick="cops();" style="float: right;">展开</p>
                //                                         </div>
                //                                         <!--真难对-->
                //                                         <div class="pic-list-wrap">
                //                                             <div class="single-pic">
                //                                                 <img src="/dev/assets/img/gg.jpg" class="v">
                //                                             </div>
                //                                         </div>
                //                                         <!--结束-->
                //                                         <div class="topic-line">
                //                                             <div class="topic mr-8">
                //                                                 <!--留一个#图标-->
                //                                                 <!--标签分类-->
                //                                                 <a href="#" class="topic-name">摸鱼那些年</a>
                //                                             </div>
                //                                         </div>
                //                                     </main>
                //                                     <!--结束-->
                //                                     <footer class="card-footer">
                //                                         <div class="card-bottom" style="margin-top: 16px;">
                //                                             <div class="card-bottom-list">
                //                                                 <button class="cb-item like" id="person-like">
                //                                                     <i class="layui-icon layui-icon-heart"></i>
                //                                                     <!--点赞数-->
                //                                                     <span>${result.data[i].likeNum}</span>
                //                                                 </button>
                //                                                 <button class="cb-item comment" id="person-comment"
                //                                                         onclick="personC();">
                //                                                     <!-- <svg aria-hidden="true" class="svg-icon">
                //                                                         <use xlink:href="#icon-icon-feed-comment"></use>
                //                                                     </svg> -->
                //                                                     <i class="layui-icon layui-icon-reply-fill"></i>
                //
                //                                                     <!--评论数-->
                //                                                     <span>${result.data[i].commentNum}</span>
                //                                                 </button>
                //                                                 <!--留一个分享-->
                //
                //                                                 <button class="cb-item get" id="person-get">
                //                                                     <i class="layui-icon layui-icon-star"></i>
                //                                                     <!--点赞数-->
                //                                                     <span>${result.data[i].likeNum}</span>
                //                                                 </button>
                //                                             </div>
                //                                             <!--评论隐藏，点击展开-->
                //                                             <div class="comment-wrap" style="display: none;">
                //                                                 <!-- <div class="comment-wrap" style="display: block;"> -->
                //                                                 <div class="cmt-inputs">
                //                                                     <div class="cmt-item">
                //                                                         <div class="cmt-avatar"
                //                                                              style="background: url('/dev/assets/img/gg.jpg');">
                //                                                         </div>
                //                                                         <!--输入框-->
                //                                                         <div class="input-wrap-textarea">
                //                                                             <label class>
                //                                                             <textarea wrap="soft" autocomplete="on"
                //                                                                       class="input"
                //                                                                       style="height: 37.6px;min-height: 37.6px;"
                //                                                                       placeholder="回复:"></textarea>
                //                                                             </label>
                //                                                         </div>
                //                                                     </div>
                //                                                     <!--结束一点-->
                //                                                     <div class="options">
                //                                                         <button class="reply-btn empty">评论</button>
                //                                                     </div>
                //                                                 </div>
                //                                                 <!--评论按钮结束-->
                //                                                 <div class="cmt-list-wrap">
                //                                                     <div class="cmt-header">
                //                                                         <p class="calc-text">666条评论</p>
                //                                                     </div>
                //
                //                                                     <ul class="cmt-list">
                //                                                         <div class="flow-demo" id="ID-flow-demo-manual">
                //
                //                                                             <!--新的li标签-->
                //
                //                                                             <!--至此一个cmt-node结束-->
                //
                //
                //                                                         </div>
                //
                //                                                     </ul>
                //
                //                                                 </div>
                //                                             </div>
                //                                         </div>
                //
                //                                     </footer>
                //                                 </div>
                //                             </li>`
                //             }
                //             content.innerHTML = str;
                //         }
                //
                //     }
                //
                // })
            }
        })
    }
</script>
</body>
</html>